iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 26
1
Modern Web

Google Tag Manager Micro Challenge系列 第 26

GTM 26 - 番外篇 - 如何實作 Openseach 於網站中,在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容

  • 分享至 

  • xImage
  •  

GTM 社團


如果網站有實作站內搜尋的話,如何加上 Opensearch,讓各瀏覽器可以加入自己網站的搜尋引擎,ex:在 Chrome 輸入網址後按 Tab 就可以直接搜尋網站內容

加入 Opensearch 後就可以看到,輸入自家網站的網址,如下圖:
(Chrome 右邊會提示按下 Tab 即可以搜尋網站內容)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582MpS1TXIVxs.png

按下 Tab 後就可以看到自家的網站變成藍色的字,如下圖:
(要取消這個效果可以按 Backspace)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582DtsVcALuV1.png

在後面接續要搜尋的 Keyword,如下圖:
(第一個項目會提示這是在該網站內的搜尋)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582KzsppPfMxn.png

按下 Enter 後,頁面就會轉頁到自家網站的搜尋結果頁了,如下圖:

https://ithelp.ithome.com.tw/upload/images/20171212/20107582sqa1Uc92Qq.png

以上的效果要如何實作呢? 很簡單,只需要再自家網站的根目錄放上 opensearch.xml 檔,相關的內容格式如下所示:
(依據不同需求可以調整設定值)

https://ithelp.ithome.com.tw/upload/images/20171212/20107582AwAcx8xx7i.png

並在自家網站的 Head 中加上一段程式

<link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="[搜尋標題]">

這樣就可以讓各瀏覽器訪問自家網站時可以知道你有實作 Opensearch,接著就可以讓整個站內搜尋方便性提升非常多哦!!

歡迎來職涯社群的 GTM 社團一起討論哦!
原文章


上一篇
GTM 25 - 透過 Tag Manager 來建立結構化資料(Structured Data) - 文章資訊(JSON-LD)
下一篇
GTM 27 - 番外篇 - 多個不同的 Schema Type 如何放在同一個 JSON-LD 中
系列文
Google Tag Manager Micro Challenge30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
dancegame
iT邦新手 5 級 ‧ 2018-01-13 23:05:16

GTM 真的是實現SEO加速的好工具啦....

我要留言

立即登入留言